<script setup lang="ts">
import friendsImg from './img/friends.jpg'
import musicImg from './img/music.jpg'
import settingImg from './img/setting.jpg'
import wifiImg from './img/wifi.jpg'
</script>
<template>
  <div class="setting">
    <img :src="friendsImg" alt="好友"/>
    <img :src="settingImg" alt="设置"/>
    <img :src="wifiImg" alt="wifi"/>
    <img :src="musicImg" alt="音乐"/>
  </div>
</template>
<style scoped lang="scss">
.setting {
  display: flex;

  img {
    height: 2em;
    border-radius: 50%;
  }

  > * + * {
    margin-left: 1em;
  }
}
</style>